<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>管理系统主界面</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
    <meta name="renderer" content="webkit" />
    <meta name="force-rendering" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="stylesheet" type="text/css" href="../../../../public/plug/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../../public/admin/css/all.css" />
    <style>
        body{
            padding: 20px;
        }
        a.role{
            background-color: #48D1D1;
        }
        .table{
            table-layout: auto;
        }
        #addModal .modal-dialog{
            margin-top: 60px;
            width: 670px;
        }
        #addModal .modal-header{
            padding: 5px 10px;
        }
        #addModal .modal-body{
            padding: 0;
            height: 700px;
            width: 100%;
        }
        #addModal iframe{
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<!--工具栏-->
<div class="toolBar panel panel-default center-block">
    <button class="add btn btn-sm" >
        <a class="addBtn" target="addFrame" href="/admin/role/add">
            <span class="glyphicon glyphicon-plus"></span>
            添加
        </a>
    </button>
</div>
<div class="tableBox panel panel-default center-block">
    <table class="table table-bordered table-hover text-center">
        <thead>
        <tr>
            <th style="width: 15%;" class="text-center">角色名</th>
            <th class="text-center">描述</th>
            <th style="width: 15%;" class="text-center">操作</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

    <!--删除按钮模态框-->
    <div role="dialog" id="delModal" class="modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                    <h4 class="modal-title">删除的数据将无法恢复，您确认删除吗？</h4>
                </div>
                <div class="modal-body text-right">
                    <button class="btn btn-primary btn-sm" data-dismiss="modal">取消</button>
                    <button class="sureDel btn btn-danger btn-sm" data-dismiss="modal">确认</button>
                </div>
            </div>
        </div>
    </div>

    <!--添加按钮模态框-->
    <div role="dialog" id="addModal" class="modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <iframe src="" id="addFrame" frameborder="0"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" charset="utf-8" src="../../../../public/lib/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../../../../public/plug/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../../../../public/admin/js/role.index.js"></script>
</body>

</html>